<div class="col-lg-9">
  <h4 class="mb-3 text-black" id="chapter1">
    <strong>1. Overview</strong>
  </h4>
  <hr>

  <p>The first framework, which uses the concept of modularity.
    The use of such approach allows you to drastically reduce the time and cost of
    development. Build the interface from the ready blocks and modules quickly and easily,
    like Lego! And all this is available now for Angular (version 4 or higher).
    <br>
    <br>

  <h4 class="mb-3 text-black" id="chapter2">
    <strong>2. File Structure</strong>
  </h4>
  <hr>

  <p>Almost every source file of the template contains the necessary minimum comments to
    the code. Please be sure to read them to understand the work of this code.</p>
  <pre>
 +
 +
 ├──bin/                           * our configuration
 |   ├──build.utils.js             * helper functions for our configuration files
 |   ├──spec.bundle.js             * ignore this magic that sets up our Angular testing environment
 |   ├──karma.conf.js              * karma config for our unit tests
 |   ├──protractor.conf.js         * protractor config for our end-to-end tests
 │   ├──webpack.dev.js             * our development webpack config
 │   ├──webpack.prod.js            * our production webpack config
 │   └──webpack.test.js            * our testing webpack config
 +
 +
 ├──src/                           * our source files that will be compiled to javascript
 |   ├──main.ts                    * our entry file for our browser environment
 │   │
 |   ├──index.html                 * Index.html: where we generate our index page
 │   │
 |   ├──polyfills.ts               * our polyfills file
 │   │
 │   ├──app/                       * WebApp: folder
 │   │   └──app.component.ts       * a simple version of our App component components
 │   │
 │   └──assets/                    * static assets are served here
 │       ├──icon/                  * our list of icons from www.favicon-generator.org
 +
 +
 │
 ├──tslint.json                    * typescript lint config
 ├──typedoc.json                   * typescript documentation generator
 ├──tsconfig.json                  * typescript config used outside webpack
 ├──tsconfig.w.json                * config that webpack uses for typescript
 ├──package.json                   * what npm uses to manage its dependencies
 └──webpack.config.js              * webpack main configuration file
		        </pre>
  <br>
  <h4 class="mb-3 text-black" id="chapter3">
    <strong>3. Angular Version</strong>
  </h4>
  <hr>

  <p>Angular (version 4 and higher) Template. Application routing directives. Use of this version is optional.</p>
  <p>Installation:</p>
  <ol>
    <li>Install latest Node.js from here <a href="https://nodejs.org/"
                                            class="hi_core_link--blue hi_core_link--underlined" target="_blank">https://nodejs.org</a>;
    </li>
    <li>After installing the above dependencies, install `@hibiscus.js`</li>
    <li> <code>npm install --save hibiscus.js</code>;</li>
    <li>Once installed you need to import our main module.</li>
    <li><code>import HiNGModule from 'hibiscus.js';</code></li>
  </ol>
</div>

